<template>
  <div class="body">
    {{ msg2 }}
    <input type="text" v-model="msg">
    <son @son="sonchange"  :msg="msg"/>
  </div>
</template>

<script lang='ts' setup>
import { ref,watch,reactive,provide } from "vue"
import son from "../../components/send/son.vue";

let msg=ref("hello")
let msg2=ref("zi")
provide("userInfo",msg2);
const sonchange=(e:any)=>{
    console.log(e);
    console.log(11);
    
    msg2.value=e
}
</script>

<style lang="less" scoped>
.body{
    display: flex;
    flex-direction: column;
    align-items: center;
}
</style>
